<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>我的个人中心</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/font-awesome.css">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/templatemo-style.css">
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">你使用的是一个 <strong>低版本的</strong> 浏览器。请 <a href="http://browsehappy.com/">升级您的浏览器</a></p>
        <![endif]-->
        
        <div class="site-bg"></div>
        <div class="site-bg-overlay"></div>

        <!-- TOP HEADER -->
        <div class="top-header">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <p class="phone-info">联系我: <a href="tel:15708310024">157****0024</a></p>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <div class="social-icons">
                            <ul>
                                <li><a href="#" class="fa fa-facebook"></a></li>
                                <li><a href="#" class="fa fa-twitter"></a></li>
                                <li><a href="#" class="fa fa-linkedin"></a></li>
                                <li><a href="#" class="fa fa-dribbble"></a></li>
                                <li><a href="#" class="fa fa-rss"></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- .top-header -->


        <div class="visible-xs visible-sm responsive-menu">
            <a href="#" class="toggle-menu">
                <i class="fa fa-bars"></i>展开菜单
            </a>
            <div class="show-menu">
                <ul class="main-menu">
                    <li>
                        <a class="show-1 active homebutton" href="#"><i class="fa fa-home"></i>首页</a>
                    </li>
                    <li>
                        <a class="show-2 aboutbutton" href="#"><i class="fa fa-user"></i>关于</a>
                    </li>
                    <li>
                        <a class="show-3 projectbutton" href="#"><i class="fa fa-camera"></i>图展</a>
                    </li>
                    <!--<li>-->
                        <!--<a class="show-5 contactbutton" href="#"><i class="fa fa-envelope"></i>触动</a>-->
                    <!--</li>-->
                </ul>
            </div>
        </div>
		<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >免费模板</a></div>
        <!--<p>Copyright &copy; 2018 Web Name <a href="" target="_blank" title="我的个人博客">个人博客</a></p>-->
        <div class="container" id="page-content">
            <div class="row">


			
			
			
			
			
                
                <div class="col-md-9 col-sm-12 content-holder">
                    <!-- CONTENT -->
                    <div id="menu-container">
                        
                        <div class="logo-holder logo-top-margin">
                            <a href="#" class="site-brand"><img src="images/logo.png" alt=""></a>
                        </div>
                      
                      
                      
                      
                      
                      
                        
                        
                        <div id="menu-1" class="homepage home-section text-center">
                            <div class="welcome-text">
                                <h2>您好，欢迎光临我的 <strong>个人博客</strong></h2>
                                <p> 我是一名php程序员，我的个人博客不是很绚丽但是却很实用，上面记载着我的项目经验，<span class="orange">如果您比较感兴趣的话</span>，<span class="green">请联系我即时更新^v^</span>，谢谢支持！</p>
                                <form action="#" method="get" class="subscribe-form">
                                    <div class="row">
                                        <fieldset class="col-md-offset-2 col-md-6">
                                            <input name="subscribe-email" type="email" class="email" id="subscribe-email" placeholder="Write your qq here..">
                                        </fieldset>
                                        <fieldset class="col-md-4 button-holder">
                                            <input name="submit" type="submit" class="button default" id="submit" value="Submit">
                                        </fieldset>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div id="menu-2" class="content about-section">
                            <div class="row">
                                <div class="col-md-8 col-sm-8">
                                    <div class="box-content profile">
                                        <h3 class="widget-title">关于我们</h3>
                                        <div class="profile-thumb">
                                            <img src="images/8.jpg" alt="">
                                        </div>
                                        <div class="profile-content">
                                            <h5 class="profile-name">Mister Li</h5>
                                            <span class="profile-role">PHP程序员</span>
                                            <p>我是2016年开始接触PHP的，那个时候没有项目经验，就去了外包公司学习经验，从开始的小白到现在的项目中流砥柱也是在技术上获得了突飞猛进，进入这一领域我很欣慰，能接触到当前世界上先进的技术领域；接触的框架也是比较前沿的，目前主打laravel和tp5.1等框架，下一步将学习java开发，技多不压身嘛！<br><br>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4">
                                    <div class="box-content">
                                        <h3 class="widget-title">项目介绍</h3>
                                        <p>
                                            <ul>
                                                <li><a href="">兴文县人民政府网站</a></li>
                                                <li><a href="">智慧兴文水电气便民平台</a></li>
                                                <li><a href="">实力汽车租赁公众号...</a></li>
                                            </ul>
                                        </p>
                                        <div class="about-social">
                                            <ul>
                                                <li><a href="#" class="fa fa-facebook"></a></li>
                                                <li><a href="#" class="fa fa-twitter"></a></li>
                                                <li><a href="#" class="fa fa-linkedin"></a></li>
                                                <li><a href="#" class="fa fa-dribbble"></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-5 col-sm-5">
                                    <div class="box-content">
                                        <h3 class="widget-title">办公环境</h3>
                                        <div class="project-item">
                                            <img src="images/office.jpg" alt="">
                                            <div class="project-hover">
                                                <h4>这是工作中的家</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-7 col-sm-7">
                                    <div class="box-content">
                                        <h3 class="widget-title">技能展示</h3>
                                        <ul class="progess-bars">
                                            <li>
                                                <span>HTML5 CSS3 80%</span>
                                                <div class="progress">
                                                    <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"></div>
                                                </div>
                                            </li>
                                            <li>
                                                <span>javascript(jquery、vue.js、mui、weui) 70%</span>
                                                <div class="progress">
                                                    <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div>
                                                </div>
                                            </li>
                                            <li>
                                                <span>apicloud 70%</span>
                                                <div class="progress">
                                                    <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div>
                                                </div>
                                            </li>
                                            <li>
                                                <span>PHP mySQL 70%</span>
                                                <div class="progress">
                                                    <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="menu-3" class="content gallery-section">
                            <div class="box-content">
                                <h3 class="widget-title">工作和生活</h3>
                                <div class="row">
                                    <div class="col-md-4 col-sm-6 col-xs-12">
                                        <div class="project-item">
                                            <img src="images/02.jpg" alt="">
                                            <div class="project-hover">
                                                <h4>在业余的生活</h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6 col-xs-12">
                                        <div class="project-item">
                                            <img src="images/03.jpg" alt="">
                                            <div class="project-hover">
                                                <h4>在业余的生活</h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6 col-xs-12">
                                        <div class="project-item">
                                            <img src="images/04.jpg" alt="">
                                            <div class="project-hover">
                                                <h4>在业余的生活</h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6 col-xs-12">
                                        <div class="project-item">
                                            <img src="images/05.jpg" alt="">
                                            <div class="project-hover">
                                                <h4>在业余的生活</h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6 col-xs-12">
                                        <div class="project-item">
                                            <img src="images/06.jpg" alt="">
                                            <div class="project-hover">
                                                <h4>在业余的生活</h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6 col-xs-12">
                                        <div class="project-item">
                                            <img src="images/07.jpg" alt="">
                                            <div class="project-hover">
                                                <h4>在业余的生活</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--<div class="project-pages">-->
                                    <!--<ul>-->
                                        <!--<li><a href="#">1</a></li>-->
                                        <!--<li><a href="#">2</a></li>-->
                                        <!--<li><a href="#">3</a></li>-->
                                        <!--<li><a href="#">...</a></li>-->
                                    <!--</ul>-->
                                <!--</div>-->
                            </div>
                        </div>

                        <!--<div id="menu-4" class="content contact-section">-->
                            <!--<div class="row">-->
                                <!--<div class="col-md-8 col-sm-8">-->
                                    <!--<div class="box-content">-->
                                        <!--<h3 class="widget-title">请给留言</h3>-->
                                        <!--<form class="contact-form">-->
                                            <!--<fieldset>-->
                                                <!--<input type="text" class="name" id="name" placeholder="Name...">-->
                                            <!--</fieldset>-->
                                            <!--<fieldset>-->
                                                <!--<input type="email" class="email" id="email" placeholder="Email...">-->
                                            <!--</fieldset>-->
                                            <!--<fieldset>-->
                                                <!--<input type="text" class="subject" id="subject" placeholder="Subject...">-->
                                            <!--</fieldset>-->
                                            <!--<fieldset>-->
                                                <!--<textarea name="message" id="message" cols="30" rows="4" placeholder="Message.."></textarea>-->
                                            <!--</fieldset>-->
                                            <!--<fieldset>-->
                                                <!--<input type="submit" class="button" id="button" value="Send Message">-->
                                            <!--</fieldset>-->
                                        <!--</form>-->
                                    <!--</div>-->
                                <!--</div>-->
                                <!--<div class="col-md-4 col-sm-4">-->
                                    <!--<div class="box-content">-->
                                        <!--<h3 class="widget-title">Stay In Touch</h3>-->
                                        <!--<p>Sed ullamcorper, risus a tincidunt efficitur, massa mauris ultricies leo, eu interdum eros erat non augue. <br><br>-->
										<!--Suspendisse ornare sollicitudin lectus non egestas. Nam fermentum imperdiet ligula congue venenatis. </p>-->
                                        <!--<div class="about-social">-->
                                            <!--<ul>-->
                                                <!--<li><a href="#" class="fa fa-facebook"></a></li>-->
                                                <!--<li><a href="#" class="fa fa-twitter"></a></li>-->
                                                <!--<li><a href="#" class="fa fa-linkedin"></a></li>-->
                                                <!--<li><a href="#" class="fa fa-dribbble"></a></li>-->
                                            <!--</ul>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->

                    </div>
                </div>


                <div class="col-md-3 hidden-sm">
                    
                    <nav id="nav" class="main-navigation hidden-xs hidden-sm">
                        <ul class="main-menu">
                            <li>
                                <a class="show-1 active homebutton" href="#"><i class="fa fa-home"></i>首页</a>
                            </li>
                            <li>
                                <a class="show-2 aboutbutton" href="#"><i class="fa fa-user"></i>关于我们</a>
                            </li>
                            <li>
                                <a class="show-3 projectbutton" href="#"><i class="fa fa-camera"></i>图展</a>
                            </li>
                            <!--<li>-->
                                <!--<a class="show-5 contactbutton" href="#"><i class="fa fa-envelope"></i>触动</a>-->
                            <!--</li>-->
                        </ul>
                    </nav>

                </div>
            </div>
        </div>

        <!-- SITE-FOOTER -->
        <div class="site-footer" style="margin-top: 200px">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 text-center">
                        <p>Copyright &copy; 2018 Web Name <a href="" target="_blank" title="我的个人博客">个人博客</a></p>
                    </div>
                </div>
            </div>
        </div> <!-- .site-footer -->

        <script src="js/vendor/jquery-1.10.2.min.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
		<!-- templatemo 439 rectangle -->
    </body>
</html>